<script setup lang="ts">
import MessageList from "@/components/list/MessageList.vue";
import FooterTabbar from "@/components/FooterTabbar.vue";
import {reactive} from "vue";

const messageList = reactive([
  {id: 1},
  {id: 2}
])
</script>

<template>
  <div>
    <MessageList :message-list="messageList"></MessageList>
    <FooterTabbar></FooterTabbar>
  </div>
</template>

<style scoped>

</style>